<template>
  <div class="home">
    <Header/>
    <el-container class="content">
      <Menu/>
  <el-container>
   
      <!-- <el-main>sas</el-main> -->
      <div>
      <!-- <Breadcrumb/> -->
      </div>
      <div class="mianboxview">
         <Breadcrumb/>
        <router-view></router-view>
      </div>
      <!-- <el-footer>   <Footer/></el-footer> -->
    </el-container>
</el-container>
  </div>
</template>

<script>
import Menu from '@/components/common/Menu'
import Header from '@/components/common/Header'
import Footer from '@/components/common/Footer'
import Breadcrumb from '@/components/common/Breadcrumb'

export default {
  name: 'Home',
  components: {
    Footer,
    Menu,
    Header,
    Breadcrumb},
   
}
</script>
<style lang="scss" scoped>
.home{
  // position: relative;
  height: 100%;
  
}
.mianboxview{
  width: 100%;
  padding: 10px;
}
.content{
position: absolute;
width: 100%;
top: 60px;
bottom:0;
}
.el-footer{
  // position: absolute;
// width: 100%;
bottom:0;
  background-color: red;
}
</style>
